header.ny_header{ background: #fff !important; position: relative; }
header.ny_header nav>li>a{ color: #333 !important }
header.ny_header .tel span{ color: #333 !important; }
header.ny_header .logo_l{ display: block !important; }
header.ny_header .logo img{ display: none; }
header.ny_header .tel img.tel2{ display: block !important; }
header.ny_header .tel img.tel1{ display: none !important; }
header.ny_header nav>li>a:hover{ color: #0066ce !important;}
header.ny_header nav>li>a.nav{ color: #0066ce !important;}

.pro_banner{ width: 100%; overflow: hidden; text-align: center; position: relative; }
.pro_banner img{width: 100%;}

.pro_box{ width: 100%;  }
.pro_nav_p{ border-bottom:#e5e5e5 solid 1px; text-align: center; overflow: hidden; }
.pro_nav_p a{ display: inline-block; height: 6vw; line-height: 6vw; padding:0 1.5vw; font-size: 0.85vw;}
.pro_nav_p a.nav{ border-bottom: #0066ce solid 1px; color: #0066ce;}
.pro_nav_p a:hover{ border-bottom: #0066ce solid 1px; color: #0066ce;}

.pro_nav{ border-bottom:#e5e5e5 solid 1px; text-align: center; overflow: hidden; }
.pro_nav a{ display: inline-block; height: 6vw; line-height: 6vw; padding:0 1.5vw; font-size: 0.85vw;}
.pro_nav a.nav{ border-bottom: #0066ce solid 1px; color: #0066ce;}
.pro_nav a:hover{ border-bottom: #0066ce solid 1px; color: #0066ce;}

.pro_box ul{ width:73vw; margin:2vw auto 3vw auto;  overflow: hidden;}
.pro_box ul li{ width: 32.3333%; float: left; margin:1% 0.5%;  border:solid #eeeeee 1px; }
.pro_box ul li a{display: block; }
.pro_box ul li div{width: 100%; height: 16vw;overflow: hidden;}
.pro_box ul li img{ width: 100%; height: 100%; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.pro_box ul li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.pro_box ul li h3{ line-height: 22px; display: block; padding:5%; color: #333; font-weight: 300; font-size: 1.3vw; text-align: center;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.pro_box ul li span{ display: block; padding:0 5%; font-size: 0.85vw;  font-weight: 300; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height: 1.2vw; height: 2.4vw;}
.pro_box ul li em{ background: #fff; border:#494949 solid 1px; color: #494949; margin: 5% auto;font-size: 0.75vw; width: 95px; height: 36px; display: block; line-height: 34px; text-align: center;}
.pro_box ul li:hover em{ background: #0066ce; border:#0066ce solid 1px; color: #fff;}

.page{ width: 100%; text-align: center; padding-bottom: 5vw; clear: both;}
.page .pagination{ position: relative !important; left: auto !important; bottom: auto !important; width: auto !important; }
.page li{ display: inline-block; }
.page a{padding:8px 12px; color: #666;  display: inline-block;}
.page span{padding:8px 12px; color: #0066ce; display: inline-block;}
.page li:first-child{border:#dedede 1px solid; color: #999; margin: 0 5px;}
.page li:last-child{border:#dedede 1px solid;  color: #999; margin: 0 5px;}
.page a:hover{ background:#0066ce; color: #fff; }

.pro_more{ width: 100%; padding:3vw 13%;  background-repeat:no-repeat; background-attachment:fixed;background-image: url(../images/pro_bg1.jpg); background-position: top left; background-size: 100% auto;}
.pro_more dl{ overflow: hidden; }
.pro_more dt{ float: right; padding-top: 4vw;}
.pro_more dt img{ width: 24.4vw; }
.pro_more dd{ float: left; width: 60%; }
.pro_more dd h2{font-size: 2.45vw; padding-bottom: 1.8vw; padding-top: 2.5vw;}
.pro_more dd p{font-size: 0.9vw; line-height: 1.8vw; color: #666;}

.pro_more2{ width: 100%; padding:3vw 13% 0 13%;  background-repeat:no-repeat; background-attachment:fixed;background-image: url(../images/pro_bg2.jpg); background-position: top left; background-size: 100% auto;}
.pro_more2 dl{ overflow: hidden; color: #fff; text-align: center; }
.pro_more2 dt{ padding-top: 4vw;}
.pro_more2 dt img{ width: 24.4vw; }
.pro_more2 dd h2{  font-size: 2vw; padding-bottom: 1.8vw; padding-top: 2.5vw;}
.pro_more2 dd p{font-size: 0.85vw; line-height: 1.8vw; padding: 0 7vw;}

.pro_more3{width:73vw; margin: 3vw auto;  }
.pro_more3 dl{ overflow: hidden; }
.pro_more3 dt{ float: right; padding-top: 2vw;}
.pro_more3 dt img{ width: 28.4vw; }
.pro_more3 dd{ float: left; width: 50%; }
.pro_more3 dd h3{  font-size: 2vw; padding-bottom: 1.8vw; padding-top: 1vw;}
.pro_more3 dd p{font-size: 0.85vw; line-height: 1.8vw; color: #666;}

.pro_app{ width:100%; padding: 3vw 13% 2vw 13%; background: #f5f5f5;}
.pro_app h3{ font-size: 2vw; padding-bottom: 1vw; text-align:center;}
.pro_app_nav{font-size: 0.85vw; line-height: 1.8vw; color: #666; text-align:center; padding-bottom: 2vw;}
.pro_app_div{ width: 100%;height: 25vw;}
.pro_app_div img{ width: 31.3333%; margin:0 1%; float: left; height: 13vw;}

.pro_app .layui-carousel{ width: 100% !important; background: none !important; height: 16vw !important;}
.pro_app .layui-carousel-ind ul{ background: none !important; }
.pro_app .layui-carousel-ind li.layui-this{ background: #0066ce !important;  border: solid 1px #0066ce !important;}
.pro_app .layui-carousel-ind li{ width: 12px !important; height: 12px !important; border: solid 1px #929292 !important; }

.pro_text{ width:73vw; margin: 3vw auto;}
.pro_text h3{ font-size: 2vw; padding-bottom: 2vw; text-align:center; }
.pro_text table{ width: 100% !important;  text-align: center;}
.pro_text table thead{ background: #f5f5f5; }
.pro_text table td,.pro_text table th{padding: 1vw 1.6vw; border:#f0f0f0 solid 1px;}
.pro_text table td{font-size: 0.85vw; color: #666;}
.pro_text table th{ font-size: 1vw; color: #333;}
.pro_text table td:last-child{ text-align: left; }
span.ys{ color: #0066ce; }

.case_banner{ width: 100%; overflow: hidden;  position: relative; }
.case_banner .img{width: 100%;}
.case_banner_text{ width:73vw; margin:0 auto; position: absolute; top: 50%; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); color: #fff; }
.case_banner_text h2{ font-size: 1.8vw; padding-bottom: 1vw;}
.case_banner_text span{ font-size: 1.2vw; text-transform:uppercase;}

.page_dw{ width:100vw; padding: 0 13%; position: absolute; bottom: 1.5vw; font-size: 0.75vw; right: 0px;color: #fff; text-align: right; }
.page_dw a{ color: #fff; }
.page_dw a:hover{ color: #0066ce; }
.page_dw img{ margin-right: 8px; }

.case_box{  width:73vw; margin:3vw auto; }
.case_box ul{ width: 100%; }
.case_box li{ width: 100%;background: #f9f9f9; overflow: hidden;}
.case_box li div{ float: left; width: 50%; overflow: hidden; height: 21vw;}
.case_box li div img{ width: 100%; height: 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.case_box li:hover div img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.case_box li:nth-child(2n) div{ float: right; }
.case_box li h3{ font-size: 1.2vw; float: left; width: 50%; color: #333; padding:3vw 3vw 2vw 3vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.case_box li span{ font-size: 0.75vw; float: left; width: 50%; color: #666; padding: 0 3vw; line-height: 1.6vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.case_box li em{  border:#494949 solid 1px; color: #494949; margin: 2vw auto 0 3vw;font-size: 0.75vw; width:96px; height: 36px; display: block; line-height: 34px; text-align: center; float: left;}
.case_box li:hover em{ background: #0066ce; border:#0066ce solid 1px; color: #fff;}

.case_more{ width:73vw; margin:3vw auto; }
.case_more h3{ font-size: 1.2vw; padding-bottom: 1.5vw;}
.case_more_text{ line-height: 2vw; font-size: 0.85vw; color: #666;}

.industry_bg{ background: #fff !important; }
.industry_list{ width: 100%; padding:3vw 12.2% 0 12.2%; overflow: hidden; margin:0 auto; overflow: hidden; background: #f1f1f1; }
.industry_list dl{ width: 31.3333%; float: left; margin:0 1% 3vw 1%;background: #fff;}
.industry_list dl dt{ width: 100%; height: 15.2vw; overflow: hidden;}
.industry_list dl dt img{ width: 100%; height:100%; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.industry_list dl dd.d1{margin: 1vw; font-size: 0.85vw; line-height: 1.6vw; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }
.industry_list dl dd.d2{ color: #999; font-size: 0.7vw;margin:0 1vw; line-height: 1.2vw; height: 2.4vw;  margin-bottom: 1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.industry_list dl dd.d3{padding:0.6vw 1vw 1vw 1vw; font-size: 0.7vw; color: #999; border-top: #f2f2f2 solid 1px;}
.industry_list dl dd.d3 span{ float: right; color: #999;  -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.industry_list dl:hover dd.d3 span{ padding-right: 25px; background: url(../images/news_more.jpg) no-repeat center right; color: #0066ce;}
.industry_list dl:hover dt img{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}


.service_box{  width:73vw; margin:3vw auto 0 auto; }
.service_box ul{ width: 100%; overflow: hidden; }
.service_box li{ width: 100%; overflow: hidden; margin-bottom: 1.5vw; border:#ebebeb 1px solid; padding: 1.5vw;}
.service_box li a{ display: block; width: 100%; height: 100%; overflow: hidden; }
.service_box li div{ float: left; width: 22vw; overflow: hidden; height: 12.5vw;}
.service_box li div img{ width: 100%; height: 12.5vw; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.service_box li:hover div img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.service_box li h3{ font-size: 1.4vw; float: left; width: 65%; color: #333; padding:1.5vw 3vw 1.5vw 3vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.service_box li span{ font-size: 0.85vw; float: left; width: 65%; color: #666; padding: 0 3vw; line-height: 1.6vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.service_box li em{ background: url(../images/download_h.png) no-repeat left center; padding-left: 20px; color: #494949; margin: 1.5vw auto 0 3vw;font-size: 0.75vw; display: block; line-height: 34px; text-align: center; float: left;}
.service_box li:hover em{ background: url(../images/download.png) no-repeat left center; color: #0066ce;}

.download{ width:73vw; margin:1vw auto 3vw auto; border:solid 1px #e5e5e5; padding-bottom: 1.5vw;}
.download>h3{ border-bottom: solid 1px #e5e5e5; padding: 1.5vw; font-size: 1.2vw; }
.download_ul{ padding: 1.5vw;}
.download_ul>li{ background: #f5f5f5; height: 3vw; line-height: 3vw; padding:0 1vw; overflow: hidden; font-size: 0.8vw; }
.download_ul>li:nth-child(2n){ background: #fff; }
.download_ul>li b{ font-weight: normal; width: 55%;float: left;}
.download_ul>li a:hover b{ color: #0066ce; }
.download_ul>li span{ width: 25%; float: left;}
.download_ul>li img{ float: right; margin-left: 5px; margin-top: 1.05vw;}
.download_ul>li em{ float: right; color: #0066ce;text-transform:uppercase;width: 20%; text-align: right;}

.download .layui-carousel{ width: 100% !important; background: none !important; height: 31.5vw !important;}
.download .layui-carousel-ind ul{ background: none !important; }
.download .layui-carousel-ind li.layui-this{ background: #0066ce !important;  border: solid 1px #0066ce !important;}
.download .layui-carousel-ind li{ width: 12px !important; height: 12px !important; border: solid 1px #929292 !important; }


.news_box{ width:73vw; margin:2vw auto; }
.news_box ul{ width: 100%; }
.news_box li{ width: 100%; overflow: hidden;}
.news_box li:hover{ background: #f1f1f1; }
.news_box li div{ float: left; width: 50%; overflow: hidden; height: 21vw;}
.news_box li div img{ width: 100%; height: 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.news_box li:hover div img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.news_box li:nth-child(2n) div{ float: right; }
.news_box li b{ font-size: 0.8vw; font-weight: normal; float: left; width: 50%; color: #666; padding:2.5vw 3vw 0 3vw;}
.news_box li h3{ font-size: 1.2vw; float: left; width: 50%; color: #333; padding:1vw 3vw 2vw 3vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_box li span{ font-size: 0.75vw; float: left; width: 50%; color: #666; padding: 0 3vw; line-height: 1.6vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.news_box li em{  background: #0066ce;color: #fff; margin: 2vw auto 0 3vw;font-size: 0.75vw; width:110px; height: 36px; display: block; line-height: 34px; text-align: center; float: left;}

.news_list{ width: 100%; padding:0vw 12.2% 0 12.2%; overflow: hidden; margin:0 auto; overflow: hidden;}
.news_list dl{ width: 31.3333%; float: left; margin:0 1% 2vw 1%;background: #fff; border:1px #dedede solid;}
.news_list dl dt{ width: 100%; height: 15.2vw; overflow: hidden;}
.news_list dl dt img{ width: 100%; height:100%; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.news_list dl dd.d1{margin: 1vw; font-size: 0.85vw; line-height: 1.6vw; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }
.news_list dl dd.d2{ color: #999; font-size: 0.7vw;margin:0 1vw; line-height: 1.2vw; height: 2.4vw;   margin-bottom: 1vw; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_list dl dd.d3{padding:0.6vw 1vw 1vw 1vw; font-size: 0.7vw; color: #999; border-top: #f2f2f2 solid 1px; overflow: hidden;}
.news_list dl dd.d3 span{ float: right; color: #999;  -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.news_list dl:hover dd.d3 span{ padding-right: 25px; background: url(../images/news_more.jpg) no-repeat center right; color: #0066ce;}
.news_list dl:hover dt img{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}

.footer_nav .bshare-custom{ float: right; }
.footer_nav .bshare-custom a{ margin-left:8px; }
.footer_nav .bshare-sinaminiblog{ background: url(../images/fx4.png) !important;  padding-left:16px !important; }
.footer_nav .bshare-weixin{ background: url(../images/fx2.png) !important;  padding-left:16px !important; }
.footer_nav .bshare-facebook{ background: url(../images/fx1.png) !important;  padding-left:16px !important; }
.footer_nav .bshare-ks{ background: url(../images/fx3.png) !important;  padding-left:16px !important; display: inline-block !important; height: 16px; }
.footer_nav .bshare-dy{ background: url(../images/fx5.png) !important;  padding-left:16px !important; display: inline-block !important; height: 16px;}

.bsBox{ width: 232px !important;  height: 257px !important;}

.news_more .bshare-custom{ float: right; position: absolute; right:138px; top: 1.5vw;  }
.news_more .bshare-custom a{ margin-left:8px; }
.news_more .bshare-sinaminiblog{ background: url(../images/fx4h.png) !important;  padding-left:16px !important; }
.news_more .bshare-weixin{ background: url(../images/fx2h.png) !important;  padding-left:16px !important; }
.news_more .bshare-facebook{ background: url(../images/fx1h.png) !important;  padding-left:16px !important; }
.news_more .bshare-ks{ background: url(../images/fx3h.png) !important;  padding-left:16px !important; display: inline-block !important; height: 16px; }
.news_more .bshare-dy{ background: url(../images/fx5h.png) !important;  padding-left:16px !important; display: inline-block !important; height: 16px;}


#news_more{ width:73vw; margin:3vw auto; overflow: hidden; }
.news_more{ width: 70%; float: left; border:#e9e9e9 1px solid; padding: 1.5vw;position: relative;}
.news_more h3{ font-size: 2vw; padding-bottom: 1.5vw;}
.news_more_text{ line-height: 2vw; font-size: 0.85vw; color: #666;}
.news_more_text img{ margin:0 auto; display: block; max-width: 100% !important;}
.news_more_top{ width: 100%;overflow: hidden; padding-bottom: 1.5vw;font-size: 12px; }
.news_more_top em{ float: right; color: #989898;font-size: 12px; }
.news_more_top span{ background: #0066ce; float: left; color: #fff; padding: 0.2vw 0.4vw; border-radius: 3px; }
.news_more_bottom{ width: 100%; border-top: solid 1px #e9e9e9; margin-top: 2vw; padding-top: 2vw; font-size: 0.85vw;}
.news_more_bottom a{ display: block; margin-bottom: 1vw; }
.news_more_bottom .a{ color: #0066ce; }
.news_more_bottom_left{ float: left; }
.news_more_bottom_right{float: right;}
.news_more_bottom_right a{ padding:0.5vw 1.5vw; border:#707070 solid 1px; font-size: 0.7vw; color: #666; margin-top: 0.8vw;}

.news_more_right{ float: right; width: 28%; border:#e9e9e9 1px solid; padding: 1.5vw;}
.news_more_right h3{font-size: 1.3vw; padding-bottom: 1vw;border-bottom:#e9e9e9 1px solid;}
.news_more_right li{  font-size: 0.8vw; border-bottom: dashed 1px #e9e9e9; padding: 1vw 0;}
.news_more_right li:last-child{border-bottom: 0px; padding-bottom: 0px;}
.news_more_right li a{ color: #666; display: block; width: 100%; height: 100%; }
.news_more_right li a:hover{ color: #0066ce; }
.news_more_right li em{ display: block; color: #989898; margin-top: 0.3vw;}


.video1{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.85); z-index: 9999999; display: none;}
.video1 .video_n{text-align: center; z-index: 99999; position: absolute; top: 50%; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }
.video1 .video_n video{ height: 80vh; margin: 0 auto; width: 80vw;}
.video1 .video_n iframe{ height: 80vh; margin: 0 auto; width: 80vw;}
.video1 .video_n .va{color: #333; display:inline-block;margin:15px auto; width: 120px; text-align: center; background: #fff; padding:8px 20px;}
.video1 .video_n .gb{color: #fff; display:inline-block;margin:15px auto; width: 120px; text-align: center; cursor: pointer; padding:8px 20px}
.video_g{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;  z-index: 9999; cursor: pointer;}

.video_list{ width: 100%; padding:2vw 12.2% 0 12.2%; overflow: hidden; margin:0 auto; overflow: hidden;}
.video_list dl{ width: 24%; float: left; margin:0.5%;background: #fff; border:1px #dedede solid; cursor: pointer;}
.video_list dl dt{ width: 100%; height: 11.5vw; overflow: hidden; position: relative; background: #000;}
.video_list dl dt .img{ width: 100%; height: 100%; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.video_list dl dd.d1{ color: #999; font-size: 0.7vw; padding: 1vw;}
.video_list dl dd.d2{ padding: 0vw 1vw 1vw 1vw; font-size: 0.85vw; line-height: 1.6vw; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}
.video_list dl:hover dd.d2{ color: #0066ce;}
.video_list dl:hover dt .img{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);  opacity: 0.5;}
.video_list .page{padding-top: 2vw;}
.video_list dl dt .video{ position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); z-index: 999999; width: 30px; height: 30px; display: none;}
.video_list dl:hover dt .video{ display: inline-block;}


#about{ width:73vw; margin:3vw auto; overflow: hidden; }
.about_more{ width: 54%; float: left; }
.about_more h3{ font-size: 1.8vw; padding-bottom: 1.5vw;}
.about_more_text{ line-height: 2vw; font-size: 0.75vw; color: #666; }
.about_more_text img{ margin:0 auto; display: block; }

#about .layui-carousel-arrow{ background: none; font-size: 30px; font-weight: 300;text-align: center;}
#about .layui-carousel{z-index: 9;}

.about_bgys{ width: 100%; height: 30vw; background:#f1f1f1; position: absolute; left: -0.8vw; bottom:1vw;}

.about_img{ float: right; width: 37%; padding-top: 1vw; position: relative;}
.about_img img{ float: right; width: 100%;}

.about_list{ width:100%; padding:3vw 12.5vw; background: #f9f9f9; overflow: hidden;}
.about_list a{ background: #fff; float: left; width: 31.3333%; margin:1%; padding: 3vw 0 2vw 0; text-align: center; overflow: hidden;}
.about_list a:hover{ box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
.about_list a:hover b{ color: #0066ce; }
.about_list a:hover em{background: url(../images/about_ico5.jpg) no-repeat center;}
.about_list a img{ display: block; margin:0 auto 1.3vw auto; }
.about_list a b{ display: block; font-size: 1.2vw; font-weight: normal; color: #333; padding-bottom: 0.8vw;}
.about_list a span{ display: block; color: #999999; font-size: 0.75vw; }
.about_list a em{ display: block; width: 27px; height: 6px; background: url(../images/about_ico4.jpg) no-repeat center;  margin:1.5vw auto 0 auto;}


.honor_img{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.85); z-index: 9999999; display: none;}
.honor_img img{ max-width: 80%; height: 80%;  z-index: 99999; position: absolute; top: 50%; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

.honor_title{ width: 100%; text-align:center; font-size: 1.8vw; padding-top: 3vw; color: #333; }
.honor_list{ width: 100%; padding:2vw 12.2% 0 12.2%; overflow: hidden; margin:0 auto; overflow: hidden;}
.honor_list dl{ width: 24%; float: left; margin:0.5%;background: #fff; border:1px #dedede solid;}
.honor_list dl dt{ width: 100%; height: 20vw; overflow: hidden; position: relative; background: #fff; padding: 1.8vw 3vw;}
.honor_list dl dt img{ width: 100%; height: 16.5vw;  -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.honor_list dl dd.d2{ padding: 0vw 1vw 2vw 1vw; font-size: 0.85vw; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; text-align: center;}
.honor_list dl:hover dd.d2{ color: #0066ce;}
.honor_list dl:hover dt img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05);}
.honor_list .page{padding-top: 2vw;}

.recruit{ width:73vw; margin:2vw auto 0 auto; overflow: hidden; }
.recruit>dt{background: #f5f5f5; padding:0.8vw 2%; overflow: hidden; font-size:0.85vw; color: #333;}
.recruit>dt span{ width: 16.6666%; float: left;  }
.recruit>dt span:last-child{text-align: center;}
.recruit>dd{padding:1.2vw 2%; overflow: hidden; border-bottom: #f2f2f2 solid 1px; font-size:0.85vw; cursor: pointer; color: #666;}
.recruit>dd span{ width: 16.6666%; float: left;  }
.recruit>dd span:last-child{text-align: center;}
.recruit>dd a{ color: #999; font-size: 0.75vw; }
.NavContent{ background: #f2f2f2; padding: 2.5vw 3.5vw; display: none; }
.NavContent_top{ width: 100%; overflow: hidden; }
.NavContent_top>div{ width: 48%; float: left;margin-right: 2%; }
.NavContent_top>div>b{ padding-bottom: 1vw; display: block; font-size: 0.85vw; }
.NavContent_top>div>p{ font-size: 0.75vw; color: #666; line-height: 1.6vw; }
.NavContent_bottom{ border-top: #e4e4e4 solid 1px; padding-top: 2vw; margin-top: 2vw; line-height: 2vw;}
.recruit_db{ width:73vw; margin:1.5vw auto 3vw auto; overflow: hidden; text-align:right; font-size: .8vw; color: #666;}

.contact{width:73vw; margin:3vw auto; overflow: hidden; }
.contact_left{ width: 35%; float: left; overflow: hidden;}
.contact_left dl{ border-bottom: dashed 1px #dedede; padding-bottom:2vw;}
.contact_left dl dt{ font-size: 0.95vw; color: #333; padding-bottom: 1vw; padding-top:2vw;}
.contact_left dl dd{ font-size: 0.8vw; color: #989898; line-height: 1.6vw;}
.contact_left dl dd img{ margin-right: 8px; }
.contact_ewm{ padding-top:2vw; text-align: center; width: 125px; color: #989898; font-size: 0.75vw;}
.contact_ewm img{  display: block; }
.contact_dt{width: 55%; float: right; height: 30vw;}
.contact_dt *{box-sizing:content-box;}


.message{ width:100%; padding:3vw 13vw; background: #f9f9f9;}
.message>h3{ width: 100%; text-align:center; font-size: 1.8vw; padding-bottom: 0.5vw; color: #333; }
.message_p{ color: #999; font-size: 0.75vw; text-align: center; display: block; padding-bottom: 1.5vw;}
.message>ul{ width: 100%; }
.message>ul li{ float: left; width: 49%; border:#e9e9e9 1px solid; background: #fff; padding: 0.8vw; margin-bottom: 2%; color: #666; font-size: 0.85vw;}
.message>ul li:nth-child(2n){ float: right; }
.message>ul li input{ border: 0px; text-indent: 1vw; color: #666; width: 88%;float: left;}
.message>ul li span{ padding:0 1.5vw 0 0vw; color: #333;border-right: 1px solid #e9e9e9;float: left;}
.message>ul li select{ border: 0px; text-indent: 1vw; color: #666; width: 30vw;float: left;}

.message_textarea{clear: both; width: 100%; border:#e9e9e9 1px solid; background: #fff; padding: 0.8vw; margin-bottom: 2%; color: #666; font-size: 0.85vw; overflow: hidden;}
.message_textarea span{ padding:0 1.5vw 0 0vw; color: #333; border-right: 1px solid #e9e9e9; float: left;}
.message_textarea textarea{ float: left; width: 88%; border:0; padding: 0px; padding-left: 1vw; }

.message_button{ width: 7vw; background: #363636;height: 2.6vw; margin:3vw auto 0 auto; }
.message_button button{ width: 7vw; background: #363636;height: 2.6vw; border:0; color: #fff; cursor: pointer; }